// -------------------------------------
// components/custom.js
// where to place some custom components
// -------------------------------------


const NumList = ({ children }) => {
    return (
        <div className='relative inline-block justify-items-stretch'>
            <div tag='color bar' className='bg-green-700 -z-20 w-full h-4 items-center justify-self-center absolute bottom-0'></div>
            <div className='text-3xl font-bold flex-col'>
                <strong className=''># </strong>
                <span className=''>{ children }</span>
            </div>
        </div>
    );
}

export default NumList;
